<template>
  <div>
    <h1>Input 输入框</h1>
    <input1></input1>
    <input4></input4>
    <input2></input2>
    <input3></input3>
  </div>
</template>

<script>
import Input1 from './Input1'
import Input2 from './Input2'
import Input3 from './Input3'
import Input4 from './Input4'
export default {
 name: 'InputDemo',
 components: {
   Input1,
   Input2,
   Input3,
   Input4
 }
}
</script>

<style  scoped>
  h1 {
    margin-bottom: 10px;
  }
</style>
